<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,viewport-fit=cover" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<script src="js/rem_640.js"text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/ziyuan.css">
		<title></title>
	</head>
	<body>
		<!-- 头部的导航 开始 -->
		<header>
			<div class="top">
				<div class="topleft"><img src="images/daohanglogo_03.jpg" alt=""></div>
				<div class="logo"><img src="images/logo.png" alt=""></div>
				<div class="topright"><img src="images/sousuo.png" ></div>
			</div>
		</header>
		<!-- 头部的导航 结束 -->
		
		<!-- 中间的轮播图 开始 -->
		<!-- <br> -->
		<section class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/elema_02.jpg" alt="">
						<!-- <p>DT大时代</p>
						<p>全息营销新纪元</p> -->
					</div>
					<div class="swiper-slide">
						<img src="images/elema_02.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="images/elema_02.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="images/elema_02.jpg" alt="">
					</div>
				</div>
				<!-- 空白点 -->
				<div class="swiper-pagination"></div>
				<!-- 如果需要导航按钮 -->
				<!-- <div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div> -->
				<div class="bg">
					<!-- <img src="images/bg_02.png" alt=""> -->
					<p>线下媒体资源</p>
					<div class="bg_item">
						<div class="bg_left">
							<span>饿了么线下媒体资源</span>
						</div>
						<div class="bg_right">
							<span>2016年5月26日</span>
							<span><img src="images/eye.png" alt=""><em>520</em></span>
						</div>
						
					</div>
				</div>
		</section>
		<!-- 中间的轮播图 结束 -->
	<!-- <div style="height: 100vh;background-color: red;"></div> -->
	    
		<!-- 第一段腾讯视频内容 开始 -->
		<section class="tengxun">
			<div class="tengvideo">
				<div class="tengimg">
					<img src="images/tengxun_03.jpg" alt="">
				</div>
				<div class="tengcontent">
					<p>腾讯视频</p>
					<div class="neirong">
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
					</div>
					<div class="bot">
						<span>2020-01-07</span>
						<span><img src="images/eye.png" alt=""><em>520</em></span>
					</div>
				</div>
			</div>
		</section>
		<!-- 第一段腾讯视频内容 结束 -->
		<!-- 中间的分割线 -->
		<div class="fenxian">
			<img src="images/hengxian.png" alt="">
		</div>
		
		<!-- 第二段腾讯视频内容 开始 -->
		<section class="tengxun">
			<div class="tengvideo">
				<div class="tengimg">
					<img src="images/tengxun_03.jpg" alt="">
				</div>
				<div class="tengcontent">
					<p>腾讯视频</p>
					<div class="neirong">
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
					</div>
					<div class="bot">
						<span>2020-01-07</span>
						<span><img src="images/eye.png" alt=""><em>520</em></span>
					</div>
				</div>
			</div>
		</section>
		<!-- 第二段腾讯视频内容 结束 -->
		
		<!-- 中间的分割线 -->
		<div class="fenxian">
			<img src="images/hengxian.png" alt="">
		</div>
		
		<!-- 第三段腾讯视频内容 开始 -->
		<section class="tengxun">
			<div class="tengvideo">
				<div class="tengimg">
					<img src="images/tengxun_03.jpg" alt="">
				</div>
				<div class="tengcontent">
					<p>腾讯视频</p>
					<div class="neirong">
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
					</div>
					<div class="bot">
						<span>2020-01-07</span>
						<span><img src="images/eye.png" alt=""><em>520</em></span>
					</div>
				</div>
			</div>
		</section>
		<!-- 第三段腾讯视频内容 结束 -->
		<!-- 中间的分割线 -->
		<div class="fenxian">
			<img src="images/hengxian.png" alt="">
		</div>
		
		<!-- 脚部的导航搜索 开始-->
		<footer>
			<center><p>加载更多</p></center>
			<div class="foot_bg">
				<!-- 底部图标的导航 -->
				<div class="liebiao">
					<a href="index.html"><img src="images/home.jpg" alt=""></a>
					<a href="daohangneirong.html"><img src="images/gimc.jpg" alt=""></a>
					<a href="wenzhangdaohang.html"><img src="images/wenzhang.jpg" alt=""></a>
					<a href="ziyuan.html"><img src="images/ziyuan.jpg" ></a>
					<a href="xueyuan.html"><img src="images/xueyuan.jpg" alt=""></a>
				</div>
			</div>
		</footer>
		<!-- 脚部的导航搜索 结束-->
		
	<script type="text/javascript">
		 var swiper = new Swiper('.swiper-container', {
			    loop:true,
				// 如果需要前进后退按钮
			    nextButton: '.swiper-button-next',
			    prevButton: '.swiper-button-prev',
		        pagination: '.swiper-pagination',
		        paginationClickable: true,
		        spaceBetween: 30,
				autoplay:2000,
				// console.log("12"),
		    });
	</script>	
	</body>
</html>
